/* MODAL_MANAGER_SCOPED_CSS_V1_0_3 All popup styles are isolated under #suppSlotPopup so the Osclass theme cannot be changed by the modal CSS, and the theme CSS has much less chance to override the popup. */ #suppSlotPopup.supp-slot-overlay, #suppSlotPopup.supp-slot-overlay * { box-sizing: border-box; } #suppSlotPopup.supp-slot-overlay { font-family: Inter, Arial, Helvetica, sans-serif; color: var(--slot-text); text-align: initial; line-height: normal; letter-spacing: normal; text-transform: none; isolation: isolate; } #suppSlotPopup.supp-slot-overlay button, #suppSlotPopup.supp-slot-overlay input, #suppSlotPopup.supp-slot-overlay textarea, #suppSlotPopup.supp-slot-overlay select { font-family: Inter, Arial, Helvetica, sans-serif; box-shadow: none; outline: none; } #suppSlotPopup.supp-slot-overlay img, #suppSlotPopup.supp-slot-overlay svg { max-width: none; height: auto; border: 0; box-shadow: none; } #suppSlotPopup.supp-slot-overlay a { text-decoration: none; } #suppSlotPopup.supp-slot-overlay {--slot-dark: #214967; --slot-dark-2: #214967; --slot-green: #347fad; --slot-sage: #eaf6fc; --slot-cream: #f3faff; --slot-cream-2: #eaf6fc; --slot-gold: #2f7fb7; --slot-gold-2: #347fad; --slot-orange: #2f7fb7; --slot-orange-2: #347fad; --slot-text: #235678; --slot-muted: #2f7fb7;} #suppSlotPopup.supp-slot-overlay {position: fixed; inset: 0; z-index: 999999999; display: none; align-items: center; justify-content: center; padding: 22px; background: rgba(12, 18, 18, 0.62); backdrop-filter: blur(7px);} #suppSlotPopup .supp-slot-modal {position: relative; width: min(760px, 96vw); min-height: 620px; border-radius: 26px; background: radial-gradient(circle at 50% 0%, rgba(246, 250, 255, 0.72), rgba(251, 253, 255, 0.98) 34%, #fcfeff 100%); box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34), 0 0 0 1px rgba(238, 246, 255, 0.85), 0 0 46px rgba(149, 192, 254, 0.26); overflow: hidden; border: 1px solid rgba(251, 253, 255, 0.96);} #suppSlotPopup .supp-slot-modal::before, #suppSlotPopup .supp-slot-modal::after {content: ""; position: absolute; pointer-events: none; opacity: 0.22; background-repeat: no-repeat; background-size: contain; background-image: url("assets/img/leaf-spray.svg");} #suppSlotPopup .supp-slot-modal::before {width: 185px; height: 220px; left: -26px; bottom: 76px;} #suppSlotPopup .supp-slot-modal::after {width: 165px; height: 210px; right: -18px; bottom: 76px; transform: scaleX(-1);} #suppSlotPopup .supp-slot-close {position: absolute; top: 18px; right: 18px; z-index: 10; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(3, 40, 79, 0.25); background: rgba(251, 253, 255, 0.84); color: var(--slot-text); font-size: 28px; line-height: 38px; cursor: pointer; transition: transform 0.18s ease, background 0.18s ease;} #suppSlotPopup .supp-slot-close:hover {transform: scale(1.05); background: #fcfeff;} #suppSlotPopup .supp-slot-screen {display: none; padding: 42px 44px 34px; min-height: 620px; position: relative; z-index: 2;} #suppSlotPopup .supp-slot-screen.is-active {display: flex; flex-direction: column; align-items: center;} #suppSlotPopup .supp-slot-brand-leaf {width: 38px; height: 38px; margin-bottom: 2px;} #suppSlotPopup .supp-slot-brand-leaf img {width: 100%; height: 100%; display: block;} #suppSlotPopup .supp-slot-title {margin: 0 0 18px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 5vw, 60px); line-height: 1; color: var(--slot-text); text-align: center; letter-spacing: -0.045em;} #suppSlotPopup .supp-slot-title span {color: var(--slot-orange);} #suppSlotPopup .supp-slot-machine {position: relative; width: min(560px, 88vw); padding: 20px; border-radius: 30px; background: radial-gradient(circle at 50% -4%, rgba(235, 245, 255, 0.68), rgba(227, 241, 255, 0.08) 32%, transparent 44%), linear-gradient(145deg, #2b6f9e, #214967 55%, #214967); box-shadow: inset 0 0 0 4px rgba(251, 253, 255, 0.1), inset 0 0 0 10px rgba(149, 192, 254, 0.8), inset 0 0 52px rgba(149, 192, 254, 0.18), 0 22px 45px rgba(2, 35, 71, 0.32), 0 0 72px rgba(149, 192, 254, 0.34), 0 18px 30px rgba(13, 110, 253, 0.18);} #suppSlotPopup .supp-slot-machine::before {content: ""; position: absolute; inset: 8px; border-radius: 25px; pointer-events: none; border: 2px solid rgba(226, 240, 255, 0.96); box-shadow: 0 0 34px rgba(149, 192, 254, 0.95), inset 0 0 18px rgba(251, 253, 255, 0.18), inset 0 0 32px rgba(149, 192, 254, 0.18), 0 0 0 3px rgba(13, 110, 253, 0.26);} #suppSlotPopup .supp-slot-machine::after {content: ""; position: absolute; inset: -18px; border-radius: 38px; pointer-events: none; background: radial-gradient(circle at 50% 18%, rgba(225, 240, 255, 0.42), transparent 36%), radial-gradient(circle at 50% 50%, rgba(149, 192, 254, 0.22), transparent 62%); filter: blur(10px); z-index: 0;} #suppSlotPopup .supp-slot-machine-top {position: absolute; z-index: 4; top: -22px; left: 50%; width: 120px; height: 54px; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; border-radius: 28px 28px 10px 10px; background: linear-gradient(180deg, #2b6f9e, #214967); border: 3px solid rgba(149, 192, 254, 0.88); box-shadow: 0 0 20px rgba(149, 192, 254, 0.48);} #suppSlotPopup .supp-slot-machine-top img {width: 36px; height: 36px;} #suppSlotPopup .supp-slot-machine-lights {position: absolute; inset: 9px; border-radius: 25px; pointer-events: none; z-index: 5; background: radial-gradient(circle at 8% 12%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 20% 6%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 34% 5%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 50% 5%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 66% 5%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 80% 6%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 92% 12%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 8% 88%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 20% 94%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 34% 95%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 50% 95%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 66% 95%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 80% 94%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 92% 88%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 2% 50%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 98% 50%, #f7fbfe 0 5px, transparent 6px); filter: drop-shadow(0 0 10px rgba(149, 192, 254, 1)); animation: suppSlotLights 1.3s linear infinite;} @keyframes suppSlotLights { 0%, 100% { opacity: 0.72; } 50% { opacity: 1; } } #suppSlotPopup .supp-slot-reels {position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 12px; border-radius: 22px; background: linear-gradient(180deg, #fcfeff, #fcfeff 42%, #f7fbfe); box-shadow: inset 0 0 0 2px rgba(229, 242, 255, 0.78), inset 0 0 32px rgba(0, 85, 164, 0.12), 0 14px 34px rgba(0, 0, 0, 0.18), 0 0 36px rgba(149, 192, 254, 0.26), 0 0 0 6px rgba(149, 192, 254, 0.08);} #suppSlotPopup .supp-slot-reels::before {content: ""; position: absolute; left: 10px; right: 10px; top: 50%; height: 120px; transform: translateY(-50%); border-radius: 18px; background: linear-gradient(180deg, rgba(251,253,255,0.92), rgba(251,253,255,0.98)); border-top: 3px solid rgba(149, 192, 254, 0.92); border-bottom: 3px solid rgba(149, 192, 254, 0.92); box-shadow: 0 0 0 1px rgba(149, 192, 254, 0.55), 0 0 22px rgba(149, 192, 254, 0.34), inset 0 0 24px rgba(237, 246, 255, 0.75); pointer-events: none; z-index: 3; opacity: 0; transition: opacity 0.25s ease;} #suppSlotPopup .supp-slot-reels::after {content: ""; position: absolute; inset: 12px; border-radius: 18px; background: linear-gradient(180deg, rgba(1, 31, 63, 0.38), rgba(251,253,255,0) 18%, rgba(251,253,255,0) 82%, rgba(1, 31, 63, 0.38)); pointer-events: none; z-index: 4; opacity: 0; transition: opacity 0.25s ease;} #suppSlotPopup .supp-slot-reels.is-highlighted::before, #suppSlotPopup .supp-slot-reels.is-highlighted::after {opacity: 1;} #suppSlotPopup .supp-slot-reel {height: 360px; overflow: hidden; border-radius: 18px; background: linear-gradient(180deg, #fcfeff, #fcfeff 48%, #f7fbfe); box-shadow: inset 0 0 0 1px rgba(96, 161, 254, 0.22), inset 0 12px 18px rgba(251, 253, 255, 0.95), inset 0 -14px 22px rgba(1, 76, 148, 0.1), inset 12px 0 18px rgba(1, 64, 124, 0.05), inset -12px 0 18px rgba(1, 64, 124, 0.05);} #suppSlotPopup .supp-slot-strip {transform: translateY(0); transition: transform 2.6s cubic-bezier(.12,.72,.16,1);} #suppSlotPopup .supp-slot-symbol {height: 120px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; font-weight: 900; color: var(--slot-text); font-size: 18px; user-select: none;} #suppSlotPopup .supp-slot-symbol img {width: 76px; height: 76px; margin-bottom: 8px; object-fit: contain; filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.12));} #suppSlotPopup .supp-slot-symbol .big {font-size: 42px; line-height: 1; color: var(--slot-orange-2); text-shadow: 0 2px 0 rgba(251,253,255,0.45), 0 0 14px rgba(149, 192, 254, 0.16);} #suppSlotPopup .supp-slot-symbol .small {font-size: 17px; line-height: 1.1; letter-spacing: 0.01em; text-shadow: 0 1px 0 rgba(251,253,255,0.5);} #suppSlotPopup .supp-slot-lever {position: absolute; right: -42px; top: 148px; width: 38px; height: 160px; padding: 0; border: 0; border-radius: 22px; cursor: pointer; background: linear-gradient(180deg, #cce8f8, #5fa8dc 55%, #2f7fb7); box-shadow: inset 0 0 8px rgba(251, 253, 255, 0.45), 0 8px 16px rgba(0, 0, 0, 0.22);} #suppSlotPopup .supp-slot-lever span {position: absolute; top: -44px; left: 50%; width: 70px; height: 70px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle at 30% 25%, #cce8f8, var(--slot-orange) 56%, #2f7fb7); box-shadow: 0 8px 20px rgba(13, 110, 253, 0.48), inset 0 8px 18px rgba(251, 253, 255, 0.22);} #suppSlotPopup .supp-slot-lever.is-pulled {transform-origin: top center; animation: suppSlotLever 0.42s ease-in-out;} @keyframes suppSlotLever { 0%, 100% { transform: rotate(0deg); } 45% { transform: rotate(18deg); } } #suppSlotPopup .supp-slot-btn {position: relative; z-index: 3; width: min(520px, 84vw); margin: 24px auto 0; height: 86px; border: 0; border-radius: 999px; cursor: pointer; color: #fcfeff; font-size: clamp(32px, 5vw, 48px); font-weight: 1000; letter-spacing: 0.055em; background: linear-gradient(180deg, #9bcff0, #2f7fb7 58%, #2f7fb7); box-shadow: 0 16px 34px rgba(13, 110, 253, 0.42), inset 0 2px 0 rgba(251, 253, 255, 0.3), inset 0 0 0 3px rgba(251, 253, 255, 0.18), 0 0 0 7px rgba(149, 192, 254, 0.34), 0 0 32px rgba(149, 192, 254, 0.26); transition: transform 0.16s ease, filter 0.16s ease;} #suppSlotPopup .supp-slot-btn:hover {transform: translateY(-2px) scale(1.01); filter: brightness(1.05);} #suppSlotPopup .supp-slot-btn::after {content: ""; position: absolute; inset: -8px; border-radius: 999px; border: 2px solid rgba(149, 192, 254, 0.78); box-shadow: 0 0 26px rgba(149, 192, 254, 0.65); pointer-events: none;} #suppSlotPopup .supp-slot-btn.is-spinning {pointer-events: none; filter: grayscale(0.12); opacity: 0.88;} #suppSlotPopup .supp-slot-result {margin: 18px 0 0; min-height: 32px; font-size: 22px; font-weight: 900; color: var(--slot-text); text-align: center;} #suppSlotPopup .supp-slot-subscribe {justify-content: center; text-align: center;} #suppSlotPopup .supp-slot-prize-icon {width: 86px; height: 86px; margin-bottom: 16px; border-radius: 50%; display: grid; place-items: center; background: rgba(13, 110, 253, 0.1); box-shadow: 0 10px 26px rgba(13, 110, 253, 0.18);} #suppSlotPopup .supp-slot-prize-icon img {width: 58px; height: 58px;} #suppSlotPopup .supp-slot-prize {display: inline-flex; align-items: center; justify-content: center; margin-bottom: 18px; padding: 12px 22px; border-radius: 999px; background: rgba(13, 110, 253, 0.1); color: var(--slot-orange-2); font-weight: 1000; font-size: 22px;} #suppSlotPopup .supp-slot-subscribe h2 {margin: 0 0 14px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(36px, 5vw, 54px); line-height: 1.06; color: var(--slot-text); letter-spacing: -0.04em;} #suppSlotPopup .supp-slot-subscribe p {margin: 0 auto 26px; max-width: 480px; color: var(--slot-muted); font-size: 19px; line-height: 1.45;} #suppSlotPopup .supp-slot-form {width: min(480px, 86vw); display: grid; gap: 14px; margin: 0 auto;} #suppSlotPopup .supp-slot-label {text-align: left; color: var(--slot-text); font-weight: 800; font-size: 14px;} #suppSlotPopup .supp-slot-input {height: 62px; border-radius: 18px; border: 1px solid rgba(3, 37, 74, 0.22); padding: 0 20px; font-size: 18px; background: #fcfeff; color: var(--slot-text); outline: none;} #suppSlotPopup .supp-slot-input:focus {border-color: rgba(0, 47, 119, 0.52); box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.12);} #suppSlotPopup .supp-slot-submit {height: 66px; border: 0; border-radius: 999px; background: linear-gradient(180deg, #9bcff0, #2f7fb7); color: #fcfeff; font-size: 21px; font-weight: 1000; cursor: pointer; box-shadow: 0 14px 28px rgba(13, 110, 253, 0.32);} #suppSlotPopup .supp-slot-note {margin-top: 12px; color: #2f7fb7; font-size: 14px;} #suppSlotPopup .supp-slot-skip {margin-top: 18px; border: 0; background: transparent; color: var(--slot-text); text-decoration: underline; cursor: pointer; font-size: 16px;} @media (max-width: 680px) { #suppSlotPopup.supp-slot-overlay {padding: 12px;} #suppSlotPopup .supp-slot-modal {min-height: auto; border-radius: 22px;} #suppSlotPopup .supp-slot-screen {padding: 34px 18px 26px; min-height: auto;} #suppSlotPopup .supp-slot-machine {width: 100%; padding: 14px;} #suppSlotPopup .supp-slot-reel {height: 270px;} #suppSlotPopup .supp-slot-symbol {height: 90px;} #suppSlotPopup .supp-slot-symbol img {width: 56px; height: 56px;} #suppSlotPopup .supp-slot-symbol .big {font-size: 28px;} #suppSlotPopup .supp-slot-lever {display: none;} #suppSlotPopup .supp-slot-btn {height: 76px;} } @media (max-width: 680px) { #suppSlotPopup .supp-slot-reels::before {height: 90px;} } #suppSlotPopup .supp-slot-reels::before, #suppSlotPopup .supp-slot-reels::after {content: none;} #suppSlotPopup .supp-slot-symbol {position: relative; border-radius: 18px; transition: opacity 0.25s ease, transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;} #suppSlotPopup .supp-slot-symbol.is-dimmed {opacity: 0.18; transform: scale(0.92); filter: grayscale(1) saturate(0.5);} #suppSlotPopup .supp-slot-symbol.is-win {opacity: 1; transform: scale(1.03); background: radial-gradient(circle at 50% 50%, rgba(240, 247, 255, 0.95), rgba(246, 250, 255, 0.98)); box-shadow: inset 0 0 0 2px rgba(149, 192, 254, 0.95), 0 0 18px rgba(149, 192, 254, 0.42), 0 10px 18px rgba(0, 0, 0, 0.08); z-index: 2;} #suppSlotPopup .supp-slot-symbol.is-win .big {text-shadow: 0 0 14px rgba(149, 192, 254, 0.32);} #suppSlotPopup .supp-slot-result {margin: 20px 0 0; min-height: 32px; font-size: 24px; font-weight: 900; color: var(--slot-text); text-align: center;} #suppSlotPopup .supp-slot-modal::before, #suppSlotPopup .supp-slot-modal::after {opacity: 0.14;} #suppSlotPopup .supp-slot-machine-top {border: 3px solid rgba(149, 192, 254, 0.95); box-shadow: 0 0 24px rgba(149, 192, 254, 0.6);} #suppSlotPopup .supp-slot-symbol.is-win {box-shadow: inset 0 0 0 2px rgba(149, 192, 254, 0.95), 0 0 22px rgba(149, 192, 254, 0.5), 0 10px 18px rgba(0, 0, 0, 0.08);} #suppSlotPopup .supp-slot-symbol img {width: 84px; height: 84px; margin-bottom: 6px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.14));} #suppSlotPopup .supp-slot-reels {background: linear-gradient(180deg, #fcfeff, #fcfeff 44%, #f7fbfe);} #suppSlotPopup .supp-slot-reel {background: linear-gradient(180deg, #fcfeff, #fcfeff 48%, #f7fbfe);} #suppSlotPopup .supp-slot-machine {box-shadow: inset 0 0 0 4px rgba(251, 253, 255, 0.1), inset 0 0 0 10px rgba(149, 192, 254, 0.8), inset 0 0 52px rgba(149, 192, 254, 0.18), 0 22px 45px rgba(2, 35, 71, 0.32), 0 0 80px rgba(149, 192, 254, 0.38), 0 0 28px rgba(149, 192, 254, 0.42);} @media (max-width: 680px) { #suppSlotPopup .supp-slot-symbol img {width: 62px; height: 62px;} } #suppSlotPopup .supp-slot-modal {background: radial-gradient(circle at 50% 0%, rgba(241, 248, 255, 0.65), transparent 34%), linear-gradient(180deg, #f3faff 0%, #fcfeff 28%, #f2f9fd 100%); border: 1px solid rgba(251, 253, 255, 0.96); box-shadow: 0 28px 80px rgba(1, 32, 65, 0.42), 0 10px 36px rgba(3, 36, 72, 0.18), inset 0 1px 0 rgba(251, 253, 255, 0.85);} #suppSlotPopup .supp-slot-modal::before, #suppSlotPopup .supp-slot-modal::after {opacity: 0.2;} #suppSlotPopup .supp-slot-title {margin-bottom: 20px; text-shadow: 0 1px 0 rgba(251,253,255,0.9), 0 8px 18px rgba(3, 36, 72, 0.1);} #suppSlotPopup .supp-slot-machine {width: min(610px, 88vw); padding: 24px 24px 18px; border-radius: 36px; background: radial-gradient(circle at 50% 6%, rgba(235, 245, 255, 0.55), rgba(149, 192, 254, 0.12) 24%, transparent 40%), linear-gradient(145deg, #2f7fb7 0%, #2b6f9e 18%, #235678 42%, #032447 62%, #2f7fb7 100%); box-shadow: inset 0 1px 0 rgba(251,253,255,0.26), inset 0 0 0 4px rgba(251,253,255,0.08), inset 0 0 0 11px rgba(96, 161, 254, 0.72), inset 0 0 38px rgba(149, 192, 254, 0.14), 0 24px 56px rgba(2, 34, 68, 0.38), 0 0 96px rgba(149, 192, 254, 0.28), 0 0 28px rgba(149, 192, 254, 0.3);} #suppSlotPopup .supp-slot-machine::before {inset: 10px; border-radius: 28px; border: 2px solid rgba(228, 241, 255, 0.96); box-shadow: 0 0 34px rgba(149, 192, 254, 0.78), inset 0 0 0 2px rgba(13, 110, 253, 0.55), inset 0 0 22px rgba(251,253,255,0.1), inset 0 0 30px rgba(149, 192, 254, 0.16);} #suppSlotPopup .supp-slot-machine::after {inset: -20px; border-radius: 44px; background: radial-gradient(circle at 50% 12%, rgba(225, 240, 255, 0.45), transparent 28%), radial-gradient(circle at 50% 50%, rgba(149, 192, 254, 0.18), transparent 62%); filter: blur(14px);} #suppSlotPopup .supp-slot-machine-top {top: -24px; width: 126px; height: 58px; border-radius: 28px 28px 10px 10px; background: linear-gradient(180deg, #2f7fb7, #244e70); border: 3px solid rgba(149, 192, 254, 0.94); box-shadow: 0 0 22px rgba(149, 192, 254, 0.6), inset 0 1px 0 rgba(251,253,255,0.16);} #suppSlotPopup .supp-slot-machine-lights {inset: 10px; border-radius: 27px; background: radial-gradient(circle at 8% 12%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 17% 7%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 28% 5%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 39% 4%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 50% 4%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 61% 4%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 72% 5%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 83% 7%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 92% 12%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 8% 88%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 17% 93%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 28% 95%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 39% 96%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 50% 96%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 61% 96%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 72% 95%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 83% 93%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 92% 88%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 3% 20%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 3% 35%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 3% 50%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 3% 65%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 3% 80%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 97% 20%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 97% 35%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 97% 50%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 97% 65%, #f7fbfe 0 5px, transparent 6px), radial-gradient(circle at 97% 80%, #f7fbfe 0 5px, transparent 6px); filter: drop-shadow(0 0 10px rgba(149, 192, 254, 1)) drop-shadow(0 0 16px rgba(149, 192, 254, 0.65));} #suppSlotPopup .supp-slot-reels {gap: 10px; padding: 14px; border-radius: 28px; background: linear-gradient(180deg, #5fa8dc 0%, #cce8f8 3%, #fcfeff 10%, #fcfeff 62%, #eef8fd 100%); box-shadow: inset 0 0 0 2px rgba(235, 245, 255, 0.8), inset 0 0 0 6px rgba(13, 110, 253, 0.28), 0 12px 30px rgba(0,0,0,0.18), 0 0 0 3px rgba(13, 110, 253, 0.22), 0 0 34px rgba(149, 192, 254, 0.22);} #suppSlotPopup .supp-slot-reel {border-radius: 20px; background: linear-gradient(90deg, rgba(149, 192, 254, 0.45), rgba(251,253,255,0.16) 12%, rgba(251,253,255,0) 18%, rgba(251,253,255,0) 82%, rgba(149, 192, 254, 0.38)), linear-gradient(180deg, #fcfeff 0%, #fcfeff 50%, #f5fbfe 100%); box-shadow: inset 0 0 0 1px rgba(96, 161, 254, 0.26), inset 0 18px 18px rgba(251,253,255,0.95), inset 0 -18px 22px rgba(1, 76, 148, 0.08), 0 2px 6px rgba(251,253,255,0.3);} #suppSlotPopup .supp-slot-symbol {border-radius: 22px;} #suppSlotPopup .supp-slot-symbol img {width: 88px; height: 88px; margin-bottom: 6px; filter: drop-shadow(0 5px 8px rgba(0,0,0,0.16));} #suppSlotPopup .supp-slot-symbol .small {font-size: 16px; font-weight: 900; color: #326f96;} #suppSlotPopup .supp-slot-lever {right: -46px; top: 140px; width: 40px; height: 174px; border-radius: 22px; background: linear-gradient(180deg, #cce8f8 0%, #9bcff0 50%, #2f7fb7 100%); box-shadow: inset 0 0 10px rgba(251,253,255,0.36), 0 12px 22px rgba(0,0,0,0.26), 0 0 24px rgba(149, 192, 254, 0.28);} #suppSlotPopup .supp-slot-lever::before {content: ""; position: absolute; inset: 14px 10px 14px 10px; border-radius: 999px; background: linear-gradient(180deg, rgba(251,253,255,0.28), rgba(251,253,255,0));} #suppSlotPopup .supp-slot-lever span {top: -48px; width: 76px; height: 76px; background: radial-gradient(circle at 30% 25%, #cce8f8 0%, #9bcff0 38%, #5fa8dc 66%, #2f7fb7 100%); box-shadow: 0 10px 22px rgba(13,110,253,0.48), 0 0 28px rgba(149, 192, 254, 0.45), inset 0 10px 18px rgba(251,253,255,0.28), inset 0 -10px 18px rgba(3, 42, 84, 0.16);} #suppSlotPopup .supp-slot-btn {width: min(520px, 84vw); margin: 26px auto 0; height: 92px; font-size: clamp(32px, 4.6vw, 54px); letter-spacing: 0.045em; border-radius: 999px; background: linear-gradient(180deg, #9bcff0 0%, #5fa8dc 20%, #2f7fb7 58%, #2f7fb7 100%); box-shadow: 0 18px 34px rgba(13, 110, 253, 0.4), inset 0 3px 0 rgba(251,253,255,0.34), inset 0 -10px 16px rgba(2, 51, 101, 0.18), inset 0 0 0 3px rgba(251,253,255,0.18), 0 0 0 8px rgba(149, 192, 254, 0.26), 0 0 36px rgba(149, 192, 254, 0.32);} #suppSlotPopup .supp-slot-btn::before {content: ""; position: absolute; left: 26px; right: 26px; top: 10px; height: 28px; border-radius: 999px; background: linear-gradient(180deg, rgba(251,253,255,0.42), rgba(251,253,255,0)); pointer-events: none;} #suppSlotPopup .supp-slot-btn::after {inset: -10px; border: 2px solid rgba(149, 192, 254, 0.82); box-shadow: 0 0 22px rgba(149, 192, 254, 0.7), 0 0 0 1px rgba(1, 76, 148, 0.18);} #suppSlotPopup .supp-slot-result {margin-top: 16px; min-height: 28px; color: #326f96; text-shadow: 0 1px 0 rgba(251,253,255,0.8);} #suppSlotPopup .supp-slot-prize-icon {background: rgba(96, 161, 254, 0.12);} #suppSlotPopup .supp-slot-prize-icon img {width: 62px; height: 62px; object-fit: contain;} @media (max-width: 680px) { #suppSlotPopup .supp-slot-machine {width: 100%; padding: 16px 16px 14px;} #suppSlotPopup .supp-slot-symbol img {width: 64px; height: 64px;} #suppSlotPopup .supp-slot-btn {height: 78px; font-size: 36px;} } #suppSlotPopup .supp-slot-machine {background: radial-gradient(circle at 50% 8%, rgba(237, 246, 255, 0.52), rgba(225, 240, 255, 0.1) 25%, transparent 40%), linear-gradient(145deg, #9bcff0 0%, #2f7fb7 16%, #244e70 40%, #214967 62%, #2f7fb7 82%, #9bcff0 100%) !important; box-shadow: inset 0 1px 0 rgba(251,253,255,0.3), inset 0 0 0 3px rgba(251,253,255,0.08), inset 0 0 0 8px rgba(3, 36, 72, 0.55), inset 0 0 0 12px rgba(149, 192, 254, 0.92), inset 0 0 0 15px rgba(0, 86, 166, 0.35), inset 0 0 0 18px rgba(232, 243, 255, 0.55), inset 0 0 34px rgba(225, 240, 255, 0.14), 0 24px 60px rgba(1, 32, 66, 0.38), 0 0 0 4px rgba(1, 79, 153, 0.46), 0 0 0 10px rgba(96, 161, 254, 0.18), 0 0 40px rgba(1, 76, 148, 0.24), 0 0 85px rgba(149, 192, 254, 0.26) !important;} #suppSlotPopup .supp-slot-machine::before {inset: 10px; border-radius: 28px; border: 1px solid rgba(240, 247, 255, 0.95) !important; background: linear-gradient(180deg, rgba(251,253,255,0.05), rgba(251,253,255,0)), linear-gradient(90deg, rgba(96, 161, 254, 0.1), rgba(251,253,255,0) 18%, rgba(251,253,255,0) 82%, rgba(96, 161, 254, 0.1)); box-shadow: inset 0 0 0 1px rgba(1, 72, 141, 0.55), inset 0 2px 3px rgba(251,253,255,0.2), inset 0 -3px 10px rgba(2, 62, 121, 0.24), 0 0 0 3px rgba(1, 70, 136, 0.36), 0 0 24px rgba(149, 192, 254, 0.48) !important;} #suppSlotPopup .supp-slot-machine::after {inset: -12px; border-radius: 42px; background: radial-gradient(circle at 50% 16%, rgba(96, 161, 254, 0.32), transparent 34%), radial-gradient(circle at 50% 50%, rgba(149, 192, 254, 0.16), transparent 62%), radial-gradient(circle at 50% 50%, rgba(1, 76, 148, 0.18), transparent 70%); filter: blur(16px); opacity: 1 !important;} #suppSlotPopup .supp-slot-machine-top {background: linear-gradient(180deg, #2f7fb7 0%, #023160 54%, #214967 100%) !important; border: 3px solid rgba(149, 192, 254, 0.98) !important; box-shadow: 0 0 0 2px rgba(1, 77, 149, 0.44), 0 0 22px rgba(149, 192, 254, 0.48), inset 0 1px 0 rgba(251,253,255,0.18), inset 0 -6px 12px rgba(0,0,0,0.18) !important;} #suppSlotPopup .supp-slot-machine-lights {filter: drop-shadow(0 0 10px rgba(149, 192, 254, 1)) drop-shadow(0 0 14px rgba(149, 192, 254, 0.58)) drop-shadow(0 0 8px rgba(1, 76, 148, 0.25));} #suppSlotPopup .supp-slot-reels {background: linear-gradient(180deg, #5fa8dc 0%, #cce8f8 4%, #fcfeff 10%, #fcfeff 62%, #eef8fd 100%) !important; box-shadow: inset 0 0 0 2px rgba(236, 245, 255, 0.85), inset 0 0 0 6px rgba(13, 110, 253, 0.28), inset 0 0 0 8px rgba(0, 84, 163, 0.12), 0 12px 30px rgba(0,0,0,0.18), 0 0 0 3px rgba(13, 110, 253, 0.22), 0 0 30px rgba(1, 76, 148, 0.15), 0 0 34px rgba(149, 192, 254, 0.18) !important;} #suppSlotPopup .supp-slot-reel {background: linear-gradient(90deg, rgba(225, 240, 255, 0.22), rgba(251,253,255,0.16) 12%, rgba(251,253,255,0) 18%, rgba(251,253,255,0) 82%, rgba(149, 192, 254, 0.2)), linear-gradient(180deg, #fcfeff 0%, #fcfeff 50%, #f5fbfe 100%) !important; box-shadow: inset 0 0 0 1px rgba(96, 161, 254, 0.18), inset 0 18px 18px rgba(251,253,255,0.95), inset 0 -18px 22px rgba(1, 76, 148, 0.08), 0 2px 6px rgba(251,253,255,0.3) !important;} #suppSlotPopup .supp-slot-symbol .small-shipping {font-size: 13px !important; line-height: 1; letter-spacing: 0.01em; white-space: nowrap;} #suppSlotPopup .supp-slot-lever {right: -34px !important; top: 148px !important; width: 24px !important; height: 168px !important; border-radius: 16px !important; background: linear-gradient(90deg, #2f7fb7 0%, #cce8f8 18%, #cce8f8 40%, #5fa8dc 66%, #2f7fb7 100%) !important; box-shadow: inset 0 1px 0 rgba(251,253,255,0.45), inset 0 -3px 8px rgba(3, 36, 72, 0.28), 0 10px 18px rgba(0,0,0,0.24), 0 0 18px rgba(149, 192, 254, 0.22) !important;} #suppSlotPopup .supp-slot-lever::before {inset: 10px 5px 10px 5px !important; background: linear-gradient(180deg, rgba(251,253,255,0.36), rgba(251,253,255,0.04)) !important;} #suppSlotPopup .supp-slot-lever span {top: -36px !important; left: 50%; transform: translateX(-50%); width: 58px !important; height: 58px !important; background: radial-gradient(circle at 30% 25%, #f4fbff 0%, #cce8f8 20%, #9bcff0 42%, #2f7fb7 68%, #2f7fb7 100%) !important; border: 2px solid rgba(149, 192, 254, 0.82); box-shadow: 0 8px 18px rgba(1, 76, 148, 0.34), 0 0 20px rgba(149, 192, 254, 0.3), inset 0 8px 16px rgba(251,253,255,0.34), inset 0 -10px 14px rgba(3, 37, 73, 0.2), inset -8px -10px 18px rgba(1, 64, 125, 0.14) !important;} @media (max-width: 680px) { #suppSlotPopup .supp-slot-symbol .small-shipping {font-size: 10px !important;} #suppSlotPopup .supp-slot-lever {right: -24px !important; top: 106px !important; width: 18px !important; height: 124px !important;} #suppSlotPopup .supp-slot-lever span {top: -28px !important; width: 44px !important; height: 44px !important;} } #suppSlotPopup .supp-slot-machine {background: radial-gradient(circle at 50% 8%, rgba(239, 247, 255, 0.5), rgba(149, 192, 254, 0.12) 24%, transparent 42%), linear-gradient(145deg, #2f7fb7 0%, #014b91 14%, #244e70 36%, #214967 60%, #326f96 78%, #9bcff0 100%) !important; box-shadow: inset 0 1px 0 rgba(251,253,255,0.24), inset 0 0 0 3px rgba(251,253,255,0.06), inset 0 0 0 7px rgba(3, 37, 75, 0.68), inset 0 0 0 12px rgba(149, 192, 254, 0.98), inset 0 0 0 15px rgba(1, 76, 148, 0.55), inset 0 0 0 17px rgba(238, 246, 255, 0.58), inset 0 0 26px rgba(149, 192, 254, 0.2), inset 0 -16px 30px rgba(0,0,0,0.18), 0 24px 60px rgba(1, 32, 66, 0.42), 0 0 0 4px rgba(2, 58, 113, 0.52), 0 0 0 10px rgba(96, 161, 254, 0.2), 0 0 44px rgba(0, 89, 172, 0.22), 0 0 92px rgba(149, 192, 254, 0.28) !important;} #suppSlotPopup .supp-slot-machine::before {background: linear-gradient(180deg, rgba(251,253,255,0.1), rgba(251,253,255,0) 22%), linear-gradient(90deg, rgba(96, 161, 254, 0.14), rgba(251,253,255,0) 15%, rgba(251,253,255,0) 85%, rgba(96, 161, 254, 0.14)), linear-gradient(180deg, rgba(234, 244, 255, 0.08), rgba(1, 76, 148, 0.06)); box-shadow: inset 0 0 0 1px rgba(0, 81, 157, 0.65), inset 0 2px 4px rgba(251,253,255,0.24), inset 0 -4px 12px rgba(2, 62, 120, 0.28), 0 0 0 3px rgba(1, 69, 134, 0.4), 0 0 26px rgba(149, 192, 254, 0.52) !important;} #suppSlotPopup .supp-slot-machine::after {background: radial-gradient(circle at 14% 18%, rgba(245, 250, 255, 0.26), transparent 18%), radial-gradient(circle at 84% 30%, rgba(149, 192, 254, 0.18), transparent 18%), radial-gradient(circle at 50% 18%, rgba(96, 161, 254, 0.3), transparent 34%), radial-gradient(circle at 50% 50%, rgba(149, 192, 254, 0.18), transparent 62%), radial-gradient(circle at 50% 50%, rgba(1, 76, 148, 0.18), transparent 70%); filter: blur(15px);} #suppSlotPopup .supp-slot-machine-top {background: linear-gradient(180deg, #2f7fb7 0%, #235678 52%, #214967 100%) !important; box-shadow: 0 0 0 2px rgba(1, 75, 146, 0.46), 0 0 24px rgba(149, 192, 254, 0.54), inset 0 1px 0 rgba(251,253,255,0.2), inset 0 -6px 12px rgba(0,0,0,0.18) !important;} #suppSlotPopup .supp-slot-machine-lights {filter: drop-shadow(0 0 8px rgba(149, 192, 254, 1)) drop-shadow(0 0 18px rgba(149, 192, 254, 0.64)) drop-shadow(0 0 10px rgba(1, 76, 148, 0.26));} #suppSlotPopup .supp-slot-reels {background: linear-gradient(180deg, #5fa8dc 0%, #cce8f8 4%, #fcfeff 10%, #fcfeff 62%, #eef8fd 100%) !important; box-shadow: inset 0 0 0 2px rgba(238, 246, 255, 0.86), inset 0 0 0 6px rgba(13, 110, 253, 0.28), inset 0 0 0 8px rgba(1, 80, 155, 0.16), 0 12px 30px rgba(0,0,0,0.18), 0 0 0 3px rgba(13, 110, 253, 0.22), 0 0 24px rgba(149, 192, 254, 0.16), 0 0 34px rgba(1, 76, 148, 0.12) !important;} #suppSlotPopup .supp-slot-symbol .small-gift {font-size: 12px !important; line-height: 1; white-space: nowrap; letter-spacing: 0;} #suppSlotPopup .supp-slot-lever {width: 22px !important; height: 164px !important; background: linear-gradient(90deg, #2f7fb7 0%, #cce8f8 18%, #cce8f8 42%, #2f7fb7 68%, #023465 100%) !important; box-shadow: inset 0 1px 0 rgba(251,253,255,0.42), inset 0 -3px 8px rgba(3, 36, 72, 0.3), 0 10px 18px rgba(0,0,0,0.24), 0 0 18px rgba(149, 192, 254, 0.18) !important;} #suppSlotPopup .supp-slot-lever span {width: 54px !important; height: 54px !important; border: 0 !important; background: radial-gradient(circle at 30% 24%, #eaf6fc 0%, #cce8f8 20%, #9bcff0 44%, #2f7fb7 70%, #023b73 100%) !important; box-shadow: 0 8px 18px rgba(1, 76, 148, 0.34), 0 0 18px rgba(149, 192, 254, 0.22), inset 0 8px 14px rgba(251,253,255,0.3), inset 0 -10px 14px rgba(3, 36, 72, 0.18), inset -8px -10px 18px rgba(1, 64, 125, 0.12) !important;} @media (max-width: 680px) { #suppSlotPopup .supp-slot-symbol .small-gift {font-size: 9px !important;} #suppSlotPopup .supp-slot-lever {width: 16px !important; height: 120px !important;} #suppSlotPopup .supp-slot-lever span {width: 42px !important; height: 42px !important; border: 0 !important;} } #suppSlotPopup .supp-slot-machine {background: radial-gradient(circle at 50% 10%, rgba(235, 245, 255, 0.3), transparent 26%), linear-gradient(145deg, #2f7fb7 0%, #2b6f9e 18%, #214967 46%, #214967 68%, #2f7fb7 100%) !important; box-shadow: inset 0 1px 0 rgba(251,253,255,0.18), inset 0 0 0 5px rgba(2, 51, 101, 0.72), inset 0 0 0 11px rgba(149, 192, 254, 0.96), inset 0 0 16px rgba(149, 192, 254, 0.12), 0 18px 42px rgba(1, 32, 66, 0.34), 0 0 26px rgba(149, 192, 254, 0.14) !important;} #suppSlotPopup .supp-slot-machine::before {inset: 10px; border-radius: 28px; border: 1px solid rgba(231, 243, 255, 0.82) !important; background: linear-gradient(180deg, rgba(251,253,255,0.07), rgba(251,253,255,0)); box-shadow: inset 0 0 0 1px rgba(0, 82, 158, 0.46), inset 0 -4px 10px rgba(2, 56, 111, 0.18), 0 0 0 2px rgba(1, 70, 137, 0.32), 0 0 16px rgba(149, 192, 254, 0.3) !important;} #suppSlotPopup .supp-slot-machine::after {inset: -8px; border-radius: 40px; background: radial-gradient(circle at 50% 20%, rgba(0, 89, 172, 0.2), transparent 34%), radial-gradient(circle at 50% 50%, rgba(149, 192, 254, 0.12), transparent 60%); filter: blur(14px); opacity: 1 !important;} #suppSlotPopup .supp-slot-machine-top {background: linear-gradient(180deg, #2f7fb7 0%, #244e70 58%, #214967 100%) !important; border: 2px solid rgba(149, 192, 254, 0.94) !important; box-shadow: 0 0 14px rgba(149, 192, 254, 0.32), inset 0 1px 0 rgba(251,253,255,0.16), inset 0 -5px 10px rgba(0,0,0,0.18) !important;} #suppSlotPopup .supp-slot-machine-lights {filter: drop-shadow(0 0 8px rgba(149, 192, 254, 0.92)) drop-shadow(0 0 10px rgba(149, 192, 254, 0.34));} #suppSlotPopup .supp-slot-reels {background: linear-gradient(180deg, #5fa8dc 0%, #cce8f8 4%, #fcfeff 10%, #fcfeff 62%, #eef8fd 100%) !important; box-shadow: inset 0 0 0 2px rgba(236, 245, 255, 0.82), inset 0 0 0 5px rgba(13, 110, 253, 0.24), 0 10px 24px rgba(0,0,0,0.14), 0 0 18px rgba(149, 192, 254, 0.12) !important;} #suppSlotPopup .supp-slot-reel {background: linear-gradient(90deg, rgba(225, 240, 255, 0.15), rgba(251,253,255,0.1) 12%, rgba(251,253,255,0) 18%, rgba(251,253,255,0) 82%, rgba(149, 192, 254, 0.14)), linear-gradient(180deg, #fcfeff 0%, #fcfeff 50%, #f5fbfe 100%) !important; box-shadow: inset 0 0 0 1px rgba(96, 161, 254, 0.14), inset 0 14px 16px rgba(251,253,255,0.85), inset 0 -14px 18px rgba(1, 76, 148, 0.06) !important;} #suppSlotPopup .supp-slot-lever {background: linear-gradient(90deg, #2f7fb7 0%, #cce8f8 18%, #9bcff0 42%, #2f7fb7 68%, #2b6f9e 100%) !important; box-shadow: inset 0 1px 0 rgba(251,253,255,0.3), inset 0 -3px 6px rgba(3, 36, 72, 0.2), 0 8px 16px rgba(0,0,0,0.22) !important;} #suppSlotPopup .supp-slot-lever span {background: radial-gradient(circle at 30% 24%, #eaf6fc 0%, #cce8f8 22%, #9bcff0 46%, #2f7fb7 72%, #02386d 100%) !important; box-shadow: 0 7px 16px rgba(1, 76, 148, 0.28), inset 0 7px 12px rgba(251,253,255,0.26), inset 0 -8px 12px rgba(3, 36, 72, 0.16) !important;} #suppSlotPopup .supp-slot-captcha-wrap {display: flex; justify-content: center; margin: 4px 0 2px; min-height: 78px;} #suppSlotPopup .supp-slot-error {margin-top: 4px; color: #2b6f9e; font-size: 14px; font-weight: 800; text-align: center; line-height: 1.35;} #suppSlotPopup .supp-slot-success-title {font-size: 28px; font-weight: 900; color: #244e70; text-align: center;} #suppSlotPopup .supp-slot-success-text {font-size: 18px; color: #2f7fb7; text-align: center; line-height: 1.45;} #suppSlotPopup .supp-slot-spam-warning {display: block !important; margin: 18px auto 0 !important; padding: 14px 16px !important; border-radius: 16px !important; background: #f5fbfe !important; border: 2px solid #cce8f8 !important; color: #244e70 !important; font-size: 20px !important; font-weight: 950 !important; line-height: 1.35 !important; text-align: center !important; box-shadow: 0 10px 24px rgba(3, 36, 73, 0.16) !important;} #suppSlotPopup .supp-slot-submit:disabled {cursor: wait; opacity: 0.78;} @media (max-width: 420px) { #suppSlotPopup .supp-slot-captcha-wrap {transform: scale(0.88); transform-origin: center; margin: -2px 0 -8px;} } /* Final safety layer against aggressive theme CSS */ #suppSlotPopup.supp-slot-overlay { position: fixed !important; inset: 0 !important; z-index: 999999999 !important; align-items: center !important; justify-content: center !important; padding: 22px !important; } #suppSlotPopup.supp-slot-overlay:not(.is-open) { display: none; } #suppSlotPopup.supp-slot-overlay.is-open { display: flex !important; } #suppSlotPopup .supp-slot-modal { max-width: 96vw; margin: 0 auto; } #suppSlotPopup .supp-slot-close, #suppSlotPopup .supp-slot-btn, #suppSlotPopup .supp-slot-submit, #suppSlotPopup .supp-slot-skip, #suppSlotPopup .supp-slot-lever { appearance: none; -webkit-appearance: none; text-decoration: none; } /* MODAL_MANAGER_OSCLASS_HARD_ISOLATION_V1_0_4 Extra isolation for Osclass themes. These rules affect only #suppSlotPopup. */ #suppSlotPopup.supp-slot-overlay { position: fixed !important; inset: 0 !important; z-index: 999999999 !important; display: none; align-items: center !important; justify-content: center !important; width: 100vw !important; height: 100vh !important; min-width: 100vw !important; min-height: 100vh !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 22px !important; overflow: auto !important; background: rgba(12, 18, 18, 0.62) !important; border: 0 !important; text-align: initial !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; } #suppSlotPopup.supp-slot-overlay[aria-hidden="true"] { display: none !important; } #suppSlotPopup.supp-slot-overlay.is-open, #suppSlotPopup.supp-slot-overlay[aria-hidden="false"] { display: flex !important; } #suppSlotPopup.supp-slot-overlay, #suppSlotPopup.supp-slot-overlay * { box-sizing: border-box !important; } #suppSlotPopup.supp-slot-overlay * { float: none; text-shadow: none; } #suppSlotPopup.supp-slot-overlay a, #suppSlotPopup.supp-slot-overlay button, #suppSlotPopup.supp-slot-overlay input, #suppSlotPopup.supp-slot-overlay label, #suppSlotPopup.supp-slot-overlay form, #suppSlotPopup.supp-slot-overlay div, #suppSlotPopup.supp-slot-overlay span, #suppSlotPopup.supp-slot-overlay h2, #suppSlotPopup.supp-slot-overlay p { font-family: Inter, Arial, Helvetica, sans-serif !important; } #suppSlotPopup .supp-slot-modal { position: relative !important; display: block !important; width: min(760px, 96vw) !important; min-height: 620px !important; max-width: 96vw !important; margin: auto !important; padding: 0 !important; border-radius: 26px !important; overflow: hidden !important; z-index: 2147483001 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } #suppSlotPopup .supp-slot-screen { position: relative !important; z-index: 2 !important; width: 100% !important; min-height: 620px !important; padding: 42px 44px 34px !important; margin: 0 !important; border: 0 !important; } #suppSlotPopup .supp-slot-screen.is-active { display: flex !important; flex-direction: column !important; align-items: center !important; } #suppSlotPopup .supp-slot-screen:not(.is-active) { display: none !important; } #suppSlotPopup .supp-slot-close { appearance: none !important; -webkit-appearance: none !important; position: absolute !important; top: 18px !important; right: 18px !important; z-index: 2147483005 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; max-width: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; border: 1px solid rgba(3, 40, 79, 0.25) !important; background: rgba(251, 253, 255, 0.92) !important; color: #244e70 !important; font-size: 28px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; cursor: pointer !important; pointer-events: auto !important; box-shadow: none !important; text-indent: 0 !important; } #suppSlotPopup .supp-slot-close:hover, #suppSlotPopup .supp-slot-close:focus { background: #fcfeff !important; color: #244e70 !important; outline: none !important; } #suppSlotPopup .supp-slot-btn, #suppSlotPopup .supp-slot-submit, #suppSlotPopup .supp-slot-skip, #suppSlotPopup .supp-slot-lever { appearance: none !important; -webkit-appearance: none !important; cursor: pointer !important; text-decoration: none !important; pointer-events: auto !important; } #suppSlotPopup .supp-slot-input { appearance: none !important; -webkit-appearance: none !important; width: 100% !important; box-shadow: none !important; } #suppSlotPopup img { display: inline-block; max-width: 100%; } @media (max-width: 680px) { #suppSlotPopup.supp-slot-overlay { padding: 10px !important; align-items: flex-start !important; } #suppSlotPopup .supp-slot-modal { width: min(100%, 96vw) !important; min-height: auto !important; margin-top: 10px !important; } #suppSlotPopup .supp-slot-screen { min-height: auto !important; padding: 34px 16px 24px !important; } } /* MODAL_MANAGER_OSCLASS_CLOSE_AND_BUTTON_FIX_V1_0_5 Force the popup close button and action buttons to keep their own colors on Osclass. */ #suppSlotPopup .supp-slot-modal::before, #suppSlotPopup .supp-slot-modal::after, #suppSlotPopup .supp-slot-btn::before, #suppSlotPopup .supp-slot-btn::after { pointer-events: none !important; } #suppSlotPopup .supp-slot-close, #suppSlotPopup button.supp-slot-close, #suppSlotPopup [data-slot-close].supp-slot-close { appearance: none !important; -webkit-appearance: none !important; position: absolute !important; top: 18px !important; right: 18px !important; z-index: 2147483646 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; max-width: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(3, 40, 79, 0.22) !important; border-radius: 999px !important; background: #fcfeff !important; background-image: none !important; color: #244e70 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 34px !important; font-weight: 400 !important; line-height: 1 !important; text-align: center !important; text-decoration: none !important; text-indent: 0 !important; box-shadow: 0 8px 20px rgba(2, 35, 70, 0.14) !important; opacity: 1 !important; visibility: visible !important; cursor: pointer !important; pointer-events: auto !important; transform: none !important; } #suppSlotPopup .supp-slot-close:hover, #suppSlotPopup .supp-slot-close:focus, #suppSlotPopup button.supp-slot-close:hover, #suppSlotPopup button.supp-slot-close:focus { background: #fcfeff !important; background-image: none !important; color: #244e70 !important; border-color: rgba(3, 40, 79, 0.32) !important; opacity: 1 !important; outline: none !important; transform: scale(1.04) !important; } #suppSlotPopup .supp-slot-btn, #suppSlotPopup button.supp-slot-btn { background: linear-gradient(180deg, #9bcff0 0%, #5fa8dc 20%, #2f7fb7 58%, #2f7fb7 100%) !important; color: #fcfeff !important; border: 0 !important; box-shadow: 0 18px 34px rgba(13, 110, 253, 0.4), inset 0 3px 0 rgba(251,253,255,0.34), inset 0 -10px 16px rgba(2, 51, 101, 0.18), inset 0 0 0 3px rgba(251,253,255,0.18), 0 0 0 8px rgba(149, 192, 254, 0.26), 0 0 36px rgba(149, 192, 254, 0.32) !important; } #suppSlotPopup .supp-slot-submit, #suppSlotPopup button.supp-slot-submit { background: linear-gradient(180deg, #9bcff0, #2f7fb7) !important; color: #fcfeff !important; border: 0 !important; box-shadow: 0 14px 28px rgba(13, 110, 253, 0.32) !important; } #suppSlotPopup .supp-slot-skip, #suppSlotPopup button.supp-slot-skip { background: transparent !important; color: #2f7fb7 !important; border: 0 !important; box-shadow: none !important; } /* MODAL_MANAGER_RECAPTCHA_VISIBLE_ZINDEX_FIX Google reCAPTCHA challenge is appended outside #suppSlotPopup. It must stay above our modal overlay, otherwise the user cannot see/solve it. */ iframe[src*="recaptcha"], iframe[title*="recaptcha"], iframe[title*="challenge"], div[style*="z-index: 2000000000"], div[style*="z-index:2000000000"], div[style*="z-index: 2147483647"], div[style*="z-index:2147483647"] { z-index: 2147483647 !important; } .grecaptcha-badge { z-index: 2147483647 !important; } /* BLUE THEME UPDATE: DEEP BLUE + CONTRAST BUTTON */ #suppSlotPopup.supp-slot-overlay { --slot-dark: #002f77; --slot-dark-2: #00255f; --slot-green: #3f73b8; --slot-sage: #edf4fd; --slot-cream: #f7fbff; --slot-cream-2: #edf4fd; --slot-gold: #8bb4e3; --slot-gold-2: #3f73b8; --slot-orange: #ff8a00; --slot-orange-2: #e65f00; --slot-text: #153f7c; --slot-muted: #4a6f9d; } #suppSlotPopup .supp-slot-btn, #suppSlotPopup button.supp-slot-btn, #suppSlotPopup .supp-slot-submit, #suppSlotPopup button.supp-slot-submit { background: linear-gradient(180deg, #ffb347 0%, #ff8a00 42%, #e65f00 100%) !important; color: #ffffff !important; border: 0 !important; box-shadow: 0 18px 34px rgba(255, 138, 0, 0.42), inset 0 3px 0 rgba(255,255,255,0.34), inset 0 -10px 16px rgba(130, 55, 0, 0.22), inset 0 0 0 3px rgba(255,255,255,0.18), 0 0 0 8px rgba(255, 138, 0, 0.18), 0 0 36px rgba(255, 138, 0, 0.30) !important; } #suppSlotPopup .supp-slot-btn::after { border-color: rgba(255, 138, 0, 0.68) !important; box-shadow: 0 0 28px rgba(255, 138, 0, 0.52) !important; } #suppSlotPopup .supp-slot-submit:disabled, #suppSlotPopup button.supp-slot-submit:disabled { background: #f2dfca !important; color: #8a6b47 !important; box-shadow: none !important; }